.source-model{

.ivu-modal-body{
  position:relative;
  padding-left:160px;

}
.ivu-modal-content{
  border-radius: 0;
}
.ivu-tabs-tabpane{
  min-height: 400px;
}
.ivu-modal-footer{
  display: none;
}
.source-menu{
  width:150px;
  position: absolute;
  left:0;
  top: 0;
  bottom:0;
  background: #666;
  color: #fff;

  h1{
    padding: 20px 0;
    padding-left: 20px;
    font-size: 24px;
    font-weight: bold;
  }
  li{
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    padding-left: 20px;
    cursor: pointer;
    &.active{
      background: #09c;
      color: #fff;
    }
  }
}
.source-content{

}
.source-nav{
  height: 50px;
}
.source-list{
  height: 400px;
  display: flex;
  flex-wrap:wrap;
  justify-content: space-around;
  overflow: auto;
}
.source-item{
  height: 150px;
  width:150px;
  padding: 20px;
  border: 1px solid #ddd;
  text-align: center;
  line-height: 100px;
  overflow: hidden;
  margin-bottom:20px;
  >img{
    width:100px;
  }
  &-form {
    width: 33.3%;
    text-align: center;
    i {
      font-family: "iconfont";
      font-size: 30px;
      -webkit-font-smoothing: antialiased;
    }
    &-input {
      i:after {
        content: "\e63e";
      }
    }
    &-select {
      i:after {
        content: "\e663";
      }
    }
    &-checkbox {
      i:after {
        content: "\e637";
      }
    }
    &-radio {
      i:after {
        content: "\e631";
      }
    }
    &-textarea {
      i:after {
        content: "\e693";
      }
    }
    &-button {
      i:after {
        content: "\e690";
      }
    }
  }

}


}
